<extend name="./Themes/tdt/Template/Layout/Layout.html" />
<block name="style">
	<link rel="stylesheet" href="__THEME__/css/index.css" />
	<link rel="stylesheet" href="__THEME__/css/pretty.css" />
	<link rel="stylesheet" href="__PUBLIC__/Build/Cesium/Widgets/widgets.css" />
	<style type="text/css">
		.drawCur {
			cursor: url(__PUBLIC__/images/cur/draw.cur), auto;
		}
		.mouseP{
			cursor: url(__PUBLIC__/images/cur/hand.png), auto;
		}
		.mouseD{
			cursor: default;
		}
		input[type=range] {
			display: inline;
			vertical-align: middle;			
        }
        

        #myTb .flyinputOnly td{ padding:0px; padding-left:3px; }
        #myTb .flyinputOnly td input{ height: 20px; width:120px; }
	</style>
</block>
<block name="body">
	<div id="content" data-calc-height="100%-0">
		<div id="left">
			<ul id="tab" class="clearfix">
				<li id="threeSearch" class="tab-item current" role="#tab-search"></li>
				<li id="threeSpace" class="tab-item" role="#tab-nav"></li>
				<li id="threeLayer" class="tab-item" role="#tab-layer"></li>
			</ul>
			<div id="tab-content">
				<div class="tab-pane" id="tab-search">
					<!-- 查询star -->
					<h3 class="header">
						<i class="ace-icon fa fa-crosshairs"></i> 重点街道</h3>
					<ul class="site-doc-icon">
						<li>
							<i class="fa fa-map-marker"></i>
							<a class="name" id="qinfangyuan" href="#">翠屏街</a>
						</li>
						<li>
							<i class="fa fa-map-marker"></i>
							<a class="name" id="xiaoxue" href="#">青龙路</a>
						</li>
						<li>
							<i class="fa fa-map-marker"></i>
							<a class="name" id="xingyiyuan" href="#">云翠街</a>
						</li>
					</ul>
					
					<h3 class="header"><i class="fa fa-search"></i> 查询</h3>
					<div class="layui-inline m15">
						<div class="layui-input-inline">
							<input id="searchName" placeholder="输入您要定位的名称" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<button id="searchBuild" class="layui-btn mt10 h35 layui-btn-normal">定位</button>
					</div>					

					<form class="layui-form">
						<!--信息查询相关修改__START-->

						<h3 class="header smaller lighter gray">
							<i class="ace-icon fa fa-table"></i>
							属性信息
						</h3>

						<table class="layui-table" lay-size="sm">
							<colgroup>
								<col width="100">
								<col width="140">
							</colgroup>
							<thead>
							</thead>
							<tbody id="myTb">
							</tbody>
						</table>

						<if condition="$userinfo.type eq 1">
							<!--辅助JS-->
							<div id="tableControl" class="layui-btn-group m15">
								<a class="add-param-fly layui-btn layui-btn-normal layui-btn-sm">添加字段</a>
								<a class="del-param-fly layui-btn layui-btn-normal layui-btn-sm">删除字段</a>
								<!--a class="update-param-fly layui-btn layui-btn-primary layui-btn-kj layui-btn-xs">属性编辑</a-->
								<a class="submit-param-fly layui-btn layui-btn-normal layui-btn-sm">提交</a>
							</div>
						</if>
						<!--信息查询相关修改__END-->
					</form>
					
				</div>
				<!-- end 查询 -->
				<div class="tab-pane" id="tab-nav">
					<!-- 导航star -->
					<div class="layui-collapse">
						
						<div class="layui-colla-item">
							<h2 class="layui-colla-title">日照统计分析</h2>
							<div class="layui-colla-content">
								<div id='shawtool'>
									<div class="mb10">
										<b>日期选择：</b>
										<input id="selDate" class="layui-input h30" style="width: 235px" type="date" value="2017-05-13" />
									</div>
									<div class="sun-div">
										<div class="wb45 mb10">
											<b>开始时间：</b>
											<select id="startTime" class="layui-input h30">
												<option value="0">0:00</option>
												<option value="2">2:00</option>
												<option value="4">4:00</option>
												<option value="6" selected>6:00</option>
												<option value="8">8:00</option>
												<option value="10">10:00</option>
												<option value="12">12:00</option>
												<option value="14">14:00</option>
												<option value="16">16:00</option>
												<option value="18">18:00</option>
												<option value="20">20:00</option>
												<option value="22">22:00</option>
											</select>
										</div>
										<div class="wb45">
											<b>结束时间：</b>
											<select id="endTime" class="layui-input h30">
												<option value="2">2:00</option>
												<option value="4">4:00</option>
												<option value="6">6:00</option>
												<option value="8">8:00</option>
												<option value="10">10:00</option>
												<option value="12">12:00</option>
												<option value="14">14:00</option>
												<option value="16">16:00</option>
												<option value="18" selected>18:00</option>
												<option value="20">20:00</option>
												<option value="22">22:00</option>
												<option value="24">24:00</option>
											</select>
										</div>
									</div>
									<div class="sun-div">
										<div class="wb45">
											<b>底部高程：</b>
											<input id="bottomHeight" class="layui-input h30" value="70" />
										</div>
										<div class="wb45">
											<b>拉伸高度：</b>
											<input id="extrudeHeight" class="layui-input h30" value="60" />
										</div>
									</div>	
									<div class="mt10">
										<button type="button" id="shadowAnalysis" class="layui-btn layui-btn-sm layui-btn-normal">阴影分析</button>
										<button type="button" id="shadowRadio" class="layui-btn layui-btn-sm layui-btn-green">获取阴影率</button>
									</div>
									<div id="shadowRadioBox">
										<table>
											<caption id="title">
												<b>阴影率窗口</b>
											</caption>
											<tr>
												<td>
													<b>日照率：</b>
												</td>
												<td>
													<input type="text" class="layui-input h30" id="shadowRadioText" readonly/>
												</td>
											</tr>
											<tr>
												<td>
													<b>经度：</b>
												</td>
												<td>
													<input type="text" class="layui-input h30" id="longitudeText" readonly>
												</td>
											</tr>
											<tr>
												<td>
													<b>纬度：</b>
												</td>
												<td>
													<input type="text" class="layui-input h30" id="latitudeText" readonly>
												</td>
											</tr>
											<tr>
												<td>
													<b>高程：</b>
												</td>
												<td>
													<input type="text" class="layui-input h30" id="heightText" readonly>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="layui-colla-item">
							<h2 class="layui-colla-title">天际线分析</h2>
							<div class="layui-colla-content">
								<ul class="site-doc-icon">
									<li>
										<i class="fa fa-linode"></i>
										<a id="chooseSkyline" class="name" href="#">拾取天际线</a>
									</li>
									<li>
										<i class="fa fa-cube"></i>
										<a id="setLimitBody" class="name" href="#">最大体量分析</a>
									</li>
								</ul>
							</div>
						</div>
						
						<div class="layui-colla-item">
							<h2 class="layui-colla-title">通视分析</h2>
							<div class="layui-colla-content">
								<ul class="site-doc-icon">
									<li>
										<i class="fa fa-eye"></i>
										<a id="chooseView" class="name" href="#">选取观察位置</a>
									</li>
									<li>
										<i class="fa fa-dot-circle-o"></i>
										<a id="addViewPoint" class="name" href="#">添加目标点</a>
									</li>
								</ul>
							</div>
						</div>

						<div class="layui-colla-item">
							<h2 class="layui-colla-title">视域分析</h2>
							<div class="layui-colla-content">
								<div id="wrapper">
									<div>
										<label class="center-block">方向(度)</label>
										<input class="fl mr10" type="range" id="direction" min="0" max="360" step="1.0" title="方向" data-bind="value: direction, valueUpdate: 'input'">
										<input  type="text" class="layui-input h30 w80" size="5" data-bind="value: direction">
									</div>
									<div>
										<label class="center-block">翻转(度)</label>
										<input class="fl mr10" type="range" id="pitch" min="-90" max="90" step="1.0" value="1" title="翻转" data-bind="value: pitch, valueUpdate: 'input'">
										<input type="text" class="layui-input h30 w80" size="5" data-bind="value: pitch">
									</div>
									<div>
										<label class="center-block">距离(米)</label>
										<input class="fl mr10" type="range" id="distance" min="1" max="500" step="1.0" value="1" title="距离" data-bind="value: distance, valueUpdate: 'input'">
										<input type="text" class="layui-input h30 w80" size="5" data-bind="value: distance">
									</div>
									<div>
										<label class="center-block">水平视场角(度)</label>
										<input class="fl mr10" type="range" id="horizonalFov" min="1" max="120" step="1" value="1" title="水平视场角" data-bind="value: horizontalFov, valueUpdate: 'input'">
										<input type="text" class="layui-input h30 w80" size="5" data-bind="value: horizontalFov">
									</div>
									<div>
										<label class="center-block">垂直视场角(度)</label>
										<input class="fl mr10" type="range" id="verticalFov" min="1" max="90" step="1.0" value="1" title="垂直视场角" data-bind="value: verticalFov, valueUpdate: 'input'">
										<input type="text" class="layui-input h30 w80" size="5" data-bind="value: verticalFov">
									</div>
									</p>
								</div>
								<button class="layui-btn layui-btn-sm mt10 layui-btn-normal" id="areaView" type="button">选择视点</button>
							</div>
						</div>

						<div class="layui-colla-item">
							<h2 class="layui-colla-title">压平倾斜影像</h2>
							<div class="layui-colla-content">
								<ul class="site-doc-icon">
									<li>
										<i class="fa fa-arrow-down"></i>
										<a id="OSGBflat" class="name" href="#">压平</a>
									</li>
								</ul>
							</div>
						</div>

						<div class="layui-colla-item">
							<h2 class="layui-colla-title">自定义添加体块</h2>
							<div class="layui-colla-content">
								<ul class="site-doc-icon">
									<li>
										<i class="fa fa-plus-square-o"></i>
										<a id="OSGBaddSymbols" class="name" href="#">添加</a>
									</li>									
									<!--li>
										<i class="fa fa-map-marker"></i>
										<a id="OSGBextrude" class="name" href="#">单值专题</a>
									</li-->
								</ul>
								<table id="OSGBextrude_container">
									<tbody>
										<tr>
											<td>
												<span class="fl">
													<ul class="site-doc-icon">
														<li>
															<i class="fa fa-arrows-v"></i>
															<a id="OSGBextrude-control-height" class="name" href="#">单值专题</a>
														</li>
													</ul>
												</span>
												<span class="fl mr10">
												    <input class="w110 mr10 mt5 ContentextrudedHeight" type="range" min="0" max="400" step="1" data-bind="value: ContentextrudedHeight, valueUpdate: 'input'" value="100">
												</span>
												<span class="fl">
													<input type="text" size="3" readonly="readonly" class="layui-input h30 w30  ContentextrudedHeight" style="padding-left:0px;" data-bind="value: ContentextrudedHeight">
												</span>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>

							<div class="layui-colla-item">
							<h2 class="layui-colla-title">控高分析</h2>
							<div class="layui-colla-content">
						</div>
					</div>

						<div class="layui-colla-item">
							<h2 class="layui-colla-title">服务半径分析</h2>
							<div class="layui-colla-content">
								  <ul  class="site-doc-icon">
									<li>
										<i class="fa fa-arrow-down"></i>
										<a id="serviceRadius" class="name" href="#">选取中心点</a>

									</li>
								  	<li>
										<div class="form-group">
								        
								        <label  class="form-label">服务半径(米):</label><input id="serviceRadiusValue" value="50" required="required" class="form-control"/>
								    	</div>
									</li>
									<li>
										<i class="fa fa-arrow-down"></i>
										<a id="clearserviceRadius" class="name" href="#">清除</a>

									</li>
									</ul>	
								
						</div>
					</div>

					<div class="layui-colla-item">
							<h2 class="layui-colla-title">方案比选</h2>
							<div class="layui-colla-content">
								<ul class="site-doc-icon">
									<li>
										<i class="fa fa-arrow-down"></i>
							<a id="HORIZONTAL" class="name" href="#">方案比选</a>
									</li>
									<li>
										<i class="fa fa-arrow-down"></i>
							<a id="clearHORIZONTAL" class="name" href="#">清除</a>
									</li>
								</ul>
						</div>
					</div>
					
					<div class="layui-colla-item">
							<h2 class="layui-colla-title">剖面分析</h2>
							<div class="layui-colla-content">
								<ul class="site-doc-icon">
									<li>
										<i class="fa fa-arrow-down"></i>
							<a id="profileAnalysis" class="name" href="#">剖面分析</a>
									</li><li>
										<i class="fa fa-arrow-down"></i>
							<a id="clearProfileAnalysis" class="name" href="#">清除</a>
									</li>
								</ul>
						</div>
					</div>

					<div class="layui-colla-item">
							<h2 class="layui-colla-title">七线控制</h2>
							<div class="layui-colla-content">
								<ul class="site-doc-icon">
									<li>
										<i class="fa fa-arrow-down"></i>
										<a id="" class="name" href="#">七线控制</a>
									</li>
								</ul>
						</div>
					</div>

					<div class="layui-colla-item">
							<h2 class="layui-colla-title">等值线分析</h2>
							<div class="layui-colla-content">
								<ul class="site-doc-icon">
									<li>
		          <div id="sidebar" style="position:absolute;left:15px;top:570px;z-index:1;">
					    <select id="fillOptions" class="selectpicker show-tick form-control">
					        <option selected value="None">无颜色表</option>
					        <option value="Line">等高线填充</option>
					        <option value="Region">等高面填充</option>
					        <option value="Line_Region">等高线面填充</option>
					      </select>
					</div>
									</li>
								</ul>
						</div>
					</div>
<!-- ......................................................................................... -->
					<div  id="floodAnalysis" class="layui-colla-item">
							<h2  class="layui-colla-title">淹没分析</h2>
							<div  class="layui-colla-content">
								   <div class="form-group">
							        <input id="maxHeight" value="200" required="required" class="form-control"/>
							        <label class="form-label">最大高度  (米) :</label>
							    </div>
							    <div class="form-group">
							        <input id="minHeight" value="1" required="required" class="form-control"/>
							        <label  class="form-label">最小高度  (米) :</label>
							    </div>
							    <div class="form-group">
							        <input id="speed" value="5" required="required" class="form-control"/>
							        <label class="form-label">淹没速度(米/秒):</label>
							    </div>
							
							<div style="margin-left: 40px;">
							    <button type="button" id="begin" class="button black">开始</button>
							    <button type="button" id="clear" class="button black">清除</button>
							</div>
							</div>
						</div>


						<div class="layui-colla-item">
							<h2 class="layui-colla-title">地形因子分析</h2>
							<div class="layui-colla-content">
								
								<div >
									<div id="con">
										
								
										<label>坡度区间：</label>
										<div>
										<label> 起：</label>
										<input type="range" id="wideminR" min="0" max="90" value="0" style="width: 170px" ;>
										<input type="number" id="widemin" min="0" max="90" value="0" style="width: 30px">
										</div>
										<div>
										<label> 终：</label>
										<input type="range" id="widemaxR" min="0" max="90" value="78" style="width: 170px">
										<input type="number" id="widemax" min="0" max="90" value="78" style="width: 30px;">
										</div>
										<ul class="site-doc-icon">
											<li>
												<i class="fa fa-arrow-down"></i>
												<a id="startSlopeAnalysis" class="name" href="#">开始分析</a>
											</li>
											<li>
												<i class="fa fa-arrow-down"></i>
												<a id="clearSlopeAnalysis" class="name" href="#">清除结果</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>



					</div>
<!-- ......................................坡度坡向分析开始.................................................. -->
						
<!-- ......................................坡度坡向分析结束...................................-->
						<div class="layui-colla-item">
							<h2 class="layui-colla-title">添加实体</h2>
							<div class="layui-colla-content">
								<ul class="site-doc-icon">
									<li>
										<i class="fa fa-puzzle-piece"></i>
										<a id="addModel" class="name" href="#">添加模型</a>
									</li>
									<!-- <li>
										<i class="fa fa-map-marker"></i>
										<a id="addImg" class="name" href="#">添加图片</a>
									</li> -->
								</ul>
							</div>
						</div>
						<!-- <div class="layui-colla-item">
							<h2 class="layui-colla-title">爆管分析</h2>
							<div class="layui-colla-content">内容区域</div>
						</div> -->
						<!-- <div class="layui-colla-item">
							<h2 class="layui-colla-title">截面分析</h2>
							<div class="layui-colla-content">内容区域</div>
						</div> -->
					</div>
					<!-- end 分析 -->
					<div class="tab-pane" id="tab-layer">
					<!-- 图层管理star -->
					<!-- <h3 class="header">
						<i class="ace-icon fa fa-list"></i> 普通图层</h3>
					<div class="layui-field-box" style="padding-top: 0">
						<div id="layerTree" class="menuTree"></div>

					</div>
					<h3 class="header">
						<i class="ace-icon fa fa-list"></i> 方案比选</h3>
					<div class="layui-field-box" style="padding-top: 0">
						<div id="caseLayer" class="menuTree">
						</div>
					</div> -->
					<!--h3 class="header">
						<i class="ace-icon fa fa-list"></i> 地形图层</h3>
					<div class="layui-field-box" style="padding-top: 0">
						<div id="landLayer" class="menuTree">
						</div>
					</div-->
					<!-- end 图层管理 -->
					<div class="animate form">
						
							<!-- <h3 class="title">模型库</h3> -->
							<!-- <p>
								<a href="#" id="btn_ZJ" ><img height="50" width="50" src="__THEME__/images/zhijia.jpg"></a> <a href="#" id="btn_GAN" ><img height="50" width="50" src="__THEME__/images/gan.jpg"></a> <a href="#" id="btn_QIUJ"><img height="50" width="50" src="__THEME__/images/qiuji.jpg"></a> <a href="#" id="btn_QIANGJ"><img height="50" width="50" src="__THEME__/images/qiangji.jpg"></a> <a href="#" id="btn_HLD"><img height="50" width="50" src="__THEME__/images/honglvdeng.jpg"></a>
							</p>
							<p >
								<a href="#" id="btn_RD" ><img height="50" width="50" src="__THEME__/images/redian.jpg"></a> <a href="#" id="btn_WRD" ><img height="50" width="50" src="__THEME__/images/weiredian.jpg"></a> <a href="#" id="btn_WXMAC"><img height="50" width="50" src="__THEME__/images/wuxianmac.jpg"></a>
							</p> -->
						<div id="modelKu">
							<div class="layui-collapse">
								<div class="layui-colla-item" id="build-item">
									<h2 class="layui-colla-title">建筑</h2>
									<div class="layui-colla-content" id="build-content">
										
									</div>
								</div>
							</div>
							<div class="layui-collapse">
								<div class="layui-colla-item" id="lvhuan-item">
									<h2 class="layui-colla-title">绿化</h2>
									<div class="layui-colla-content" id="lvhuan-content">
										
									</div>
								</div>
							</div>
							<div class="layui-collapse">
								<div class="layui-colla-item" id="sheshi-item">
									<h2 class="layui-colla-title">设施</h2>
									<div class="layui-colla-content" id="sheshi-content">
										
									</div>
								</div>
							</div>
							<div class="layui-collapse">
								<div class="layui-colla-item" id="whiteModel-item">
									<h2 class="layui-colla-title">白模型</h2>
									<div class="layui-colla-content" id="whiteModel-content">
										
									</div>
								</div>
							</div>
						</div>
							<!-- <h3>模型属性编辑</h3> -->
							<p>
								<div>
									<button type="button" id="btn_East">正东</button> <button type="button" id="btn_West">正西</button> <button type="button" id="btn_South">正南</button> <button type="button" id="btn_North">正北</button> <button type="button" id="btn_doubleSize">2倍大小</button>
								</div>
								<div>
									<label>绕X轴旋转</label><input id="XRotate" type="range" min="0" max="66" step="1.0" title="pitch" value="0" data-bind="value: pitch, valueUpdate: 'input'">
									<input id="input_XRotate" type="text" name="input_XRotate"> <button type="button" id="btn_XRotate">确定</button>
								</div>
								<div>
									<label>绕Y轴旋转</label><input id="YRotate" type="range" min="0" max="66" step="1.0" title="roll" value="0" data-bind="value: roll, valueUpdate: 'input'">
									<input id="input_YRotate" type="text" name="input_YRotate"> <button type="button" id="btn_YRotate">确定</button>
								</div>
								<div>
									<label>绕Z轴旋转</label><input id="ZRotate" type="range" min="0" max="66" step="1.0" title="heading" value="0" data-bind="value: heading, valueUpdate: 'input'">
									<input id="input_ZRotate" type="text" name="input_ZRotate"> <button type="button" id="btn_ZRotate">确定</button>
								</div>
							</p>
							<p>
								<div>
									<label>沿X轴移动</label><input id="XMove" type="range" min="-5" max="5" step="0.1" title="pitch" value="0" data-bind="value: pitch, valueUpdate: 'input'">
									<input id="input_XMove" type="text" name="input_XMove"> <button type="button" id="btn_XMove">确定</button>
								</div>
								<div>
									<label>沿Y轴移动</label><input id="YMove" type="range" min="-5" max="5" step="0.1" title="roll" value="0" data-bind="value: roll, valueUpdate: 'input'">
									<input id="input_YMove" type="text" name="input_YMove"> <button type="button" id="btn_YMove">确定</button>
								</div>
								<div>
									<label>沿Z轴移动</label><input id="ZMove" type="range" min="-5" max="5" step="0.1" title="heading" value="0" data-bind="value: heading, valueUpdate: 'input'">
									<input id="input_ZMove" type="text" name="input_ZMove"> <button type="button" id="btn_ZMove">确定</button>
								</div>
							</p>
							<p>
								<div>
									<label>缩放</label><input type="range" id="setSize" min="1" max="10" step="0.1" value="1" title="模型缩放比例" data-bind="value: scale, valueUpdate: 'input'">
									<input id="input_setSize" type="text" name="input_setSize"> <button type="button" id="btn_setSize">确定</button>
								</div>
							</p><br>
							<button type="button" id="modelManage" class="layui-btn h35 mt2 layui-btn-normal">模型管理</button>
					</div>
				</div>
				<!-- end 模型库 -->
				</div>
			</div>
			<!-- end left -->
			<div class="banquan">
				<p>主办单位：<a href="javascript:void">平阴县规划局</a></p>
				<p>技术支持：<a href="javascript:void">山东同圆数字科技有限公司</a></p>
			</div>
		</div>
		<div id="right" data-calc-width="100%-304px">
			<div id="toolbar" class="clearfix">
				<div class="pull-left">
					<div class="set-mode">
						<span id="mode3d" class="m-btn active">三维</span><span id="mode2d" class="m-btn" onclick="javascript:location.href='{:U('Index/index2d')}'">二维</span><span id="mode2d" class="m-btn" onclick="javascript:location.href='{:U('Index/index23d')}'">二三维</span><span id="mode2d" class="m-btn" onclick="javascript:location.href='{:U('Index/index33d')}'">三三维</span>
					</div>
				</div>
				
				<div class="pull-right">
					<div id="popup3" class="ol-popup3">  
						<div class="btn-group" role="group" aria-label="...">
							<div class="btn-group">
								<button id="plotting" type="button" class="btn btn-default dropdown-toggle"
								data-toggle="dropdown">标绘 </button>
								<ul id="plot-list" class="dropdown-menu" role="menu" style="min-width:100%;">
									<li class="plotting" role='Point'><i class="fa fa-dot-circle-o"></i> 绘点 </li>
									<li class="plotting" role='polyline'><i class="fa fa-life-ring"></i>绘线 </li>
									<li class="plotting" role="polygon"><i class="fa fa-area-chart"></i>绘面 </li>
									<li class="plotting" role="marker"><i class="fa fa-map-marker"></i> 地标</li>
									<!-- <li class="plotting" role="clear" style="text-align: center;">清除</li> -->
								</ul>
							</div>
							<!-- <button id="dbclickOpen" type="button" class="btn btn-default">人视点双击打开</button> -->
							<button id="mouseSetting" type="button" class="btn btn-default">漫游</button>	
							<!-- <button id="sunOpen" type="button" class="btn btn-default">日照打开</button> -->
							<button id="distance"  type="button" class="btn btn-default">测距</button>
							<button id="height" type="button" class="btn btn-default">测高</button>
							<button id="area"  type="button" class="btn btn-default">测面</button>	
							<!-- <button id="digTerrai"  type="button" class="btn btn-default">地表开挖</button> -->
							<button id="huanshi"  type="button" class="btn btn-default">飞行</button>
							<button id="twoThree"  type="button" class="w110 btn btn-default" onclick="javascript:location.href='{:U('Index/index23d')}'">二三维一体化</button>
							<button id="clear"  type="button" class="btn btn-default">清除</button>
						</div>
						<div id="modelManageSetting" style="height:300px">
							<ul id="myTab" class="nav nav-tabs" >
								<li class="active"><a href="#modelListTab">模型列表</a></li>
								<li><a href="#modelUploadTab">模型上传</a></li>
							</ul>
							<div  class="tab-content">
								<div class="tab-pane active" id="modelListTab" >
									<table id="table_modelList" class="table table-hover table-bordered mt10 " style="text-align:center">
									    <tr><th style="text-align:center">序号</th><th style="text-align:center">模型类型</th><th style="text-align:center">名称</th><th style="text-align:center">模型文件名称</th><th style="text-align:center">模型缩略图</th><th style="text-align:center">上传时间</th><th colspan="2" style="text-align:center">操作</th></tr>
									</table>
								</div>
								
								<div class="tab-pane" id="modelUploadTab">
									<form role="form" id="modelUploadForm" method="post" enctype="multipart/form-data">
										<div class="form-group">
											 <label for="modelType">模型类型：</label>
											 <select id="modelType" name="modelType" class="form-control" style="width: 55%;"><option value ="建筑 ">建筑</option><option value ="绿化">绿化</option><option value="设施">设施</option><option value="白模型">白模型</option></select>
										</div>
										<div class="form-group">
											 <label for="modelName">模型名称：</label>
											 <input id="modelName" type="text" name="modelName" class="form-control" style="width: 55%;">
										</div>
										<div class="form-group">
											<label for="sltFile">上传图片：</label>
											<input type="file" name="sltFile" id="sltFile"/>
										</div>
										<div class="form-group">
											<label for="modelFile">上传模型：</label>
											<input type="file" name="modelFile" id="modelFile" />
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-default" id="btn_modelSltUpload">上传</button>
											<span id="tip" class="help-block"></span>
										</div>
									</form>
									
								</div>
							</div>
						</div>	
				</div>
				<!-- 等高线 -->
		             	<!-- <div id="contour"></div>
		          <div id="sidebar" style="position: absolute;left:0px;top: 30px;z-index:1;">
					    <select id="fillOptions" class="selectpicker show-tick form-control">
					        <option selected value="None">无颜色表</option>
					        <option value="Line">等高线填充</option>
					        <option value="Region">等高面填充</option>
					        <option value="Line_Region">等高线面填充</option>
					      </select>
					   </div> -->
			</div>
		</div>  
			<div id="cesiumContainer" data-calc-height="100%-32px">
				<div id="flyControl" style="position:absolute;left:25px; top : 55px;display:none;z-index:99999999;width:200px; height:50px;" >
					<span type="button" id="play" class="flyButton black" title="开始"></span>
					<span type="button" id="pause" class="flyButton black" title="暂停"></span>
					<span type="button" id="stop" class="flyButton black" title="停止"></span>
				</div>	
			</div>

			<div id="addModelSetting" style="display:none;">
				<div id="loginBox" class="animate form">
					 <span class="close" aria-hidden="true">×</span>
					<form> 
						<h1 class="title">模型库</h1> 
						<p id="icons"> 
						 </p>
						<h1>模型属性编辑</h1> 
						<p>
						<div class="mb10">
							<label class="mr10">绕X轴旋转</label><input id="pitch" type="range" min="0" max="360" step="1.0" title="pitch" data-bind="value: pitch, valueUpdate: 'input'">
						</div>
						<div class="mb10">
							<label class="mr10">绕Y轴旋转</label><input id="roll" type="range" min="0" max="360" step="1.0" title="roll" data-bind="value: roll, valueUpdate: 'input'">
						</div>
						<div class="mb10">
							<label class="mr10">绕Z轴旋转</label><input id="heading" type="range" min="0" max="360" step="1.0" title="heading" data-bind="value: heading, valueUpdate: 'input'">
						</div>
						</p>
						<p>
						<div class="mb10">
							<label class="mr10">缩放</label><input type="range" id="scale" min="1" max="10" step="0.1" value="1" title="模型缩放比例" data-bind="value: scale, valueUpdate: 'input'">
						</div>
						</p>	
						<p>
						<div class="text-right mb10">	
							 <label class="btn btn-primary" id="delete" style="right:10px;position:relative;top:0;color:#fff">删除</label>
						</div>
						</p>
					</form>
				 </div>
			</div>

			<div id="addImgSetting" style="display:none;">
				<div id="loginBox" class="animate form">
					 <span class="close" aria-hidden="true">×</span>
					<form> 
						<h1 class="title">模型库</h1> 
						<p id="icons"> 
							<a><img src="__PUBLIC__/images/p1.png" id="垃圾桶"></a>
							<a><img src="__PUBLIC__/images/p2.png" id="树1"></a>
							<a><img src="__PUBLIC__/images/p2.png" id="树1"></a>
							<a><img src="__PUBLIC__/images/p2.png" id="树1"></a>
							
						</p>						
						<p>
						<div class="mb10">
							<label class="mr10">缩放</label><input type="range" id="scale" min="1" max="10" step="0.1" value="1" title="模型缩放比例" data-bind="value: scale, valueUpdate: 'input'">
						</div>
						</p>	
						<p>
						<div class="text-right mb10">	
							 <label class="btn btn-primary" id="delete" style="right:10px;position:relative;top:0;color:#fff">删除</label>
						</div>
						</p>
					</form>
				 </div>
			</div>

			<div id="left_hidden" title="收起左栏"></div>
		</div>
	</div>
	<canvas style="position : absolute; right : 2%; bottom : 2%;background-color:rgba(65, 65, 65, 0.5)" id="pro" height="0" width="0"></canvas>
</block>
<block name="script">
	<script>
		//模型文件、缩略图删除
		var delFileModelUrl = "{:U('Home/File/delFileThreeModel')}";
		//模型文件、缩略图列表查询
		var selectFileModelUrl = "{:U('Home/File/selectThreeModel')}";
		//模型文件、缩略图上传
		var addFileModelUrl = "{:U('Home/File/addFileThreeModel')}";
		//模型文件、缩略图下载
		var downFileModelUrl = "{:U('Home/File/downFileThreeModel')}?id=";
		var user_type = "{$userinfo[type]}";
		var selectURl = "{:U('Home/Widget/find')}";
		var addURl = "{:U('Home/Widget/insert')}";
		var udpateURl = "{:U('Home/Widget/update')}";
		var deleteURl = "{:U('Home/Widget/delete')}";
        var widgetLayerURL = "{:U('Home/Widget/layerlist')}";
        var layerShow = "{:U('Home/Widget/LayerListDefaultShow')}";
        var pic_PBULIC = "__PUBLIC__";
        var GlobalLayer,GlobalLayerName,GlobalLayerId,layers;
        var flyGlobal = {};

        ////模型缩略图删除
        var _modelSltDelete = function(obj,modelSltId){

        	var formData= new FormData();
        	formData.append('id',modelSltId);

        	$.ajax({
        		url: delFileModelUrl,
        		type: 'POST',
        		cache: false,
        		data: formData,
        		processData: false,
        		contentType: false,
        		dataType:"json",
        		success: function(data) {
        			if(data.status){
        				$(obj).parent().parent().remove();
        			}else{
        				if (typeof (data.error) != 'undefined'&& data.error != '') {
        					alert(data.error);
        				}
        			}
        		},
        		error: function(data,status,e){
        			alert(status);
        		}
        	})
        }
	</script>
	<script src="__THEME__/js/index.js"></script>
	<script src="__PUBLIC__/js/spectrum.js"></script>
	<script src="__PUBLIC__/js/require.min.js" defer async="true" data-main="__PUBLIC__/js/main.js"></script>
</block>